<template>
    <view class="index_page flex-col justify-end">
        <view class="box_1 flex-col">
            <text class="text_1">Designer</text>
            <text class="text_2">设计师</text>
            <view class="block_1 flex-row justify-between">
                <text class="text_3">优秀设计师</text>
                <view class="image-text_1 flex-row justify-between">
                    <text class="text-group_1">View&nbsp;all</text>
                    <image class="thumbnail_1" referrerpolicy="no-referrer"
                        src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG64286c40ca721f8ec95764922e07914d.png" />
                </view>
            </view>
            <view class="block_2 flex-col" @click="toDesignerDetail">
                <view class="box_2 flex-col">
                    <view class="section_1 flex-col">
                        <view class="group_1 flex-row justify-between">
                            <text class="text_4">张艺欢</text>
                            <view class="box_3 flex-col justify-between">
                                <div class="box_4 flex-col"></div>
                                <text class="text_5">7年经验</text>
                            </view>
                        </view>
                        <text class="text_6">简约&nbsp;|&nbsp;现代&nbsp;|&nbsp;中式</text>
                    </view>
                </view>
                <view class="tag_1 flex-col"><text class="text_7">Go</text></view>
            </view>
            <view class="block_3 flex-row">
                <div class="group_2 flex-col"></div>
                <text class="text_8">在建工地</text>
            </view>
            <view class="block_4 flex-col">
                <view class="box_5 flex-row justify-between">
                    <text class="text_9">「华侨城天澜美墅别墅」</text>
                    <view class="tag_2 flex-col"></view>
                </view>
                <view class="text-wrapper_1 flex-row">
                    <text class="text_10">3232㎡&nbsp;|&nbsp;独栋别墅</text>
                </view>
                <view class="box_6 flex-row">
                    <view class="box_7 flex-row">
                        <view class="text-group_2 flex-col justify-between">
                            <text class="text_11">设计师：张艺欢</text>
                            <text class="text_12">现代&nbsp;|&nbsp;简约</text>
                        </view>
                    </view>
                </view>
                <text class="text_13">施工中</text>
                <view @click="toBuild" class="image-wrapper_1 flex-col" :style="{ backgroundImage: `url(${theImg})` }">
                    <image class="image_1" referrerpolicy="no-referrer"
                        src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG9c59302aa1417bc7746b01d3f22a8431.png" />
                </view>
            </view>
            <view class="image-text_2 flex-row justify-between">
                <text class="text-group_3">View&nbsp;all</text>
                <image class="thumbnail_2" referrerpolicy="no-referrer"
                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG59ef4de8f41e2cd66a793924e462d53f.png" />
            </view>
            <text class="text_14">Building&nbsp;site</text>
            <view class="block_5 flex-col">
                <view class="box_8 flex-col" :style="{ backgroundImage: `url(${theImg2})` }">
                    <view class="box_9 flex-col">
                        <view class="block_6 flex-row justify-between">
                            <text class="text_15">刘熙薇</text>
                            <view class="group_3 flex-col justify-between">
                                <div class="block_7 flex-col"></div>
                                <text class="text_16">5年经验</text>
                            </view>
                        </view>
                        <text class="text_17">简约&nbsp;|&nbsp;现代&nbsp;|&nbsp;中式</text>
                    </view>
                </view>
                <view class="text-wrapper_2 flex-col">
                    <text class="text_18">Go</text>
                </view>
            </view>
        </view>
        <view class="box_10 flex-col">
            <view class="group_4 flex-row justify-between">
                <text class="text_19">案例展示</text>
                <div class="group_5 flex-col"></div>
            </view>
            <view class="image-text_3 flex-row justify-between">
                <text class="text-group_4">View&nbsp;all</text>
                <image class="thumbnail_3" referrerpolicy="no-referrer"
                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG64286c40ca721f8ec95764922e07914d.png" />
            </view>
            <view class="group_6 flex-row justify-between">
                <view class="group_7 flex-col">
                    <view class="box_11 flex-col" @click="toCaseDetail">
                        <view class="image-text_4 flex-col justify-between">
                            <view class="image_2" referrerpolicy="no-referrer"
                                :style="{ backgroundImage: 'url(https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG185578550176d69599a0517252f19bef.png)' }" />
                            <text class="text-group_5">「金地自在城」</text>
                        </view>
                        <text class="text_20">
                            132㎡&nbsp;|&nbsp;简约&nbsp;|&nbsp;现代&nbsp;|&nbsp;美式
                        </text>
                        <view class="section_2 flex-row justify-between">
                            <view class="image-text_5 flex-row justify-between">
                                <image class="single-avatar_1" referrerpolicy="no-referrer"
                                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGae45643b260221b358d529d3e94f52ac.png" />
                                <text class="text-group_6">陈林奥美</text>
                            </view>
                            <view class="image-text_6 flex-row justify-between">
                                <image class="thumbnail_4" referrerpolicy="no-referrer"
                                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGa5381d94e41b0ce76bc315497b9b49e7.png" />
                                <text class="text-group_7">973</text>
                            </view>
                        </view>
                    </view>
                    <view class="box_12 flex-col">
                        <view class="image-text_7 flex-col justify-between">
                            <image class="image_3" referrerpolicy="no-referrer"
                                src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGd2b854c2e3f4364fbb2bc4018ffb5774.png" />
                            <text class="text-group_8">「棕榈泉国际花园」</text>
                        </view>
                        <text class="text_21">
                            132㎡&nbsp;|&nbsp;简约&nbsp;|&nbsp;现代&nbsp;|&nbsp;热带
                        </text>
                        <view class="box_13 flex-row justify-between">
                            <view class="image-text_8 flex-row justify-between">
                                <image class="single-avatar_2" referrerpolicy="no-referrer"
                                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG3789fcf778b9b322f6df203018585855.png" />
                                <text class="text-group_9">刘耕宏</text>
                            </view>
                            <view class="image-text_9 flex-row justify-between">
                                <image class="thumbnail_5" referrerpolicy="no-referrer"
                                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGa5381d94e41b0ce76bc315497b9b49e7.png" />
                                <text class="text-group_10">973</text>
                            </view>
                        </view>
                    </view>
                    <view class="box_14 flex-col">
                        <view class="image-text_10 flex-col justify-between">
                            <image class="image_4" referrerpolicy="no-referrer"
                                src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG3659f0621a0f3b332a5e14b624f98346.png" />
                            <text class="text-group_11">「雅城清水湾·心海」</text>
                        </view>
                        <text class="text_22">
                            132㎡&nbsp;|&nbsp;简约&nbsp;|&nbsp;现代&nbsp;|&nbsp;中式
                        </text>
                        <view class="box_15 flex-row justify-between">
                            <view class="image-text_11 flex-row justify-between">
                                <image class="single-avatar_3" referrerpolicy="no-referrer"
                                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG35de3751006d54e23ce56065ac65ae0a.png" />
                                <text class="text-group_12">刘耕宏</text>
                            </view>
                            <view class="image-text_12 flex-row justify-between">
                                <image class="thumbnail_6" referrerpolicy="no-referrer"
                                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGa5381d94e41b0ce76bc315497b9b49e7.png" />
                                <text class="text-group_13">973</text>
                            </view>
                        </view>
                    </view>
                </view>
                <view class="group_8 flex-col justify-between">
                    <view class="box_16 flex-col">
                        <view class="image-text_13 flex-col justify-between">
                            <image class="image_5" referrerpolicy="no-referrer"
                                src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG36748617240fd757530856da260b8890.png" />
                            <text class="text-group_14">「华侨城天澜美墅别墅」</text>
                        </view>
                        <text class="text_23">
                            4589㎡&nbsp;|&nbsp;中式&nbsp;|&nbsp;古典
                        </text>
                        <view class="box_17 flex-row justify-between">
                            <view class="image-text_14 flex-row justify-between">
                                <image class="single-avatar_4" referrerpolicy="no-referrer"
                                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGc5f551654e9dca21acd6ea4f9077bded.png" />
                                <text class="text-group_15">张艺欣</text>
                            </view>
                            <view class="image-text_15 flex-row justify-between">
                                <image class="icon_1" referrerpolicy="no-referrer"
                                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGa5381d94e41b0ce76bc315497b9b49e7.png" />
                                <text class="text-group_16">973</text>
                            </view>
                        </view>
                    </view>
                    <view class="box_18 flex-col">
                        <view class="image-text_16 flex-col justify-between">
                            <image class="image_6" referrerpolicy="no-referrer"
                                src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG20d47a91d4b5bb87968e0e0c71a6db81.png" />
                            <text class="text-group_17">「蓝铂湾私宅庭院」</text>
                        </view>
                        <text class="text_24">132㎡&nbsp;|&nbsp;简约&nbsp;|&nbsp;现代</text>
                        <view class="block_8 flex-row justify-between">
                            <view class="image-text_17 flex-row justify-between">
                                <image class="single-avatar_5" referrerpolicy="no-referrer"
                                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG5d8352e23319d53da7aff0c844d233ca.png" />
                                <text class="text-group_18">刘耕宏</text>
                            </view>
                            <view class="image-text_18 flex-row justify-between">
                                <image class="icon_2" referrerpolicy="no-referrer"
                                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGa5381d94e41b0ce76bc315497b9b49e7.png" />
                                <text class="text-group_19">973</text>
                            </view>
                        </view>
                    </view>
                    <view class="box_19 flex-col">
                        <view class="image-text_19 flex-col justify-between">
                            <image class="image_7" referrerpolicy="no-referrer"
                                src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG74e9b764dc1262591a520f99eb785294.png" />
                            <text class="text-group_20">「约克郡·壹号半岛花...</text>
                        </view>
                        <text class="text_25">132㎡&nbsp;|&nbsp;中式&nbsp;|&nbsp;古典</text>
                        <view class="block_9 flex-row justify-between">
                            <view class="image-text_20 flex-row justify-between">
                                <image class="single-avatar_6" referrerpolicy="no-referrer"
                                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG35de3751006d54e23ce56065ac65ae0a.png" />
                                <text class="text-group_21">刘耕宏</text>
                            </view>
                            <view class="image-text_21 flex-row justify-between">
                                <image class="icon_3" referrerpolicy="no-referrer"
                                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGa5381d94e41b0ce76bc315497b9b49e7.png" />
                                <text class="text-group_22">973</text>
                            </view>
                        </view>
                    </view>
                </view>
            </view>
            <text class="text_26">Case&nbsp;presentation</text>
        </view>
        <view class="box_21 flex-col">
            <view class="box_27 flex-col">
                <image class="label_1" referrerpolicy="no-referrer"
                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG8708e931e15ef545a74173ae61bf5e1d.png" />
                <text class="text_31">沐守庭院景观</text>
                <image class="thumbnail_11" referrerpolicy="no-referrer"
                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG77cc7b9947c4d081055dac0babd23af4.png" />
            </view>
            <image class="thumbnail_12" referrerpolicy="no-referrer"
                src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG11a1c10e35bd5f122cfc7665fee299b0.png" />
            <view class="box_28 flex-row">
                <view class="image-text_22 flex-col justify-between">
                    <image class="label_2" referrerpolicy="no-referrer"
                        src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG2e308b0be409a882bdfeeee49b8e12de.png" />
                    <text class="text-group_23">$125</text>
                </view>
            </view>
            <image class="image_9" referrerpolicy="no-referrer"
                src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGd23cba5bc28387bfe464571140f53b5a.png" />
            <view class="box_29 flex-row">
                <view class="image-text_23 flex-row justify-between">
                    <image class="image_10" referrerpolicy="no-referrer"
                        src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG333dc36447311cc263037da08d540175.png" />
                    <view class="text-group_24 flex-col">
                        <text class="text_32">中交漫山|MUSO&nbsp;DESIGN</text>
                        <text class="text_33">方案设计+工程施工</text>
                        <text class="text_34">2023-12-09</text>
                    </view>
                </view>
            </view>
            <view class="box_30 flex-row" @click="toDesignerDetail">
                <image class="image_11" referrerpolicy="no-referrer"
                    src="https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNGe252ba6bec7e3469694eb8fd2adb2b75.png" />
                <view class="box_31 flex-col justify-between">
                    <view class="text-group_25 flex-col justify-between">
                        <text class="text_35">中交漫山|MUSO&nbsp;DESIGN</text>
                        <text class="text_36">3232㎡&nbsp;|&nbsp;独栋别墅｜现代简约</text>
                    </view>
                    <view class="group_9 flex-row justify-between">
                        <text class="text_37">设计师：张艺欢</text>
                        <view class="tag_3 flex-col"></view>
                    </view>
                </view>
                <text class="text_38">施工中</text>
            </view>
        </view>
    </view>
</template>
<script setup>
import { } from 'vue'
import theImg from '../../static/MasterDDSSlicePNGd57f527edc69dd2961509971687caf27.png'
import theImg2 from '../../static/MasterDDSSlicePNGb4b7efed84b025c214541b63a2ab6367.png'

const toCaseDetail = () => {
    // uni.navigateTo({
    //   url: '/pages/case_detail/index'
    // });
}


const toDesignerDetail = () => {
    // uni.navigateTo({
    //     url: '/pages/designer_detail/index'
    // })
}

const toBuild = () => {
    // uni.navigateTo({
    //     url: '/pages/building_ground/index'
    // })
}
</script>
<style scoped lang="scss">
.index_page {
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    width: 750rpx;
    overflow: hidden;

    .box_1 {
        position: relative;
        width: 750rpx;
        height: 1558rpx;
        margin-top: 1040rpx;

        .text_1 {
            width: 260rpx;
            height: 40rpx;
            overflow-wrap: break-word;
            color: rgba(235, 235, 235, 0.5);
            font-size: 72rpx;
            font-family: Songti SC-黑体;
            font-weight: normal;
            text-align: left;
            white-space: nowrap;
            line-height: 40rpx;
            margin: 128rpx 0 0 64rpx;
        }

        .text_2 {
            width: 120rpx;
            height: 40rpx;
            overflow-wrap: break-word;
            color: rgba(0, 0, 0, 0.8);
            font-size: 40rpx;
            font-family: Songti SC-黑体;
            font-weight: normal;
            text-align: left;
            white-space: nowrap;
            line-height: 40rpx;
            margin: -20rpx 0 0 30rpx;
        }

        .block_1 {
            width: 690rpx;
            height: 40rpx;
            margin: 40rpx 0 0 30rpx;

            .text_3 {
                width: 148rpx;
                height: 40rpx;
                overflow-wrap: break-word;
                color: rgba(0, 0, 0, 1);
                font-size: 30rpx;
                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 40rpx;
            }

            .image-text_1 {
                width: 108rpx;
                height: 24rpx;

                .text-group_1 {
                    width: 76rpx;
                    height: 24rpx;
                    overflow-wrap: break-word;
                    color: rgba(97, 52, 27, 1);
                    font-size: 20rpx;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 24rpx;
                }

                .thumbnail_1 {
                    width: 24rpx;
                    height: 24rpx;
                }
            }
        }

        .block_2 {
            box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.07);
            width: 402rpx;
            height: 558rpx;
            margin: 30rpx 0 0 28rpx;

            .box_2 {
                height: 480rpx;
                background: url(https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG83b8b2befed56b8eb461de6d0d253790.png) 100% no-repeat;
                background-size: 100% 100%;
                width: 360rpx;

                .section_1 {
                    background-color: rgba(255, 255, 255, 1);
                    width: 320rpx;
                    height: 176rpx;
                    margin-top: 382rpx;

                    .group_1 {
                        width: 218rpx;
                        height: 40rpx;
                        margin: 42rpx 0 0 24rpx;

                        .text_4 {
                            width: 96rpx;
                            height: 40rpx;
                            overflow-wrap: break-word;
                            color: rgba(51, 51, 51, 1);
                            font-size: 32rpx;
                            font-family: Songti SC-黑体;
                            font-weight: normal;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 40rpx;
                        }

                        .box_3 {
                            width: 98rpx;
                            height: 26rpx;
                            margin-top: 4rpx;

                            .box_4 {
                                width: 34rpx;
                                height: 2rpx;
                            }

                            .text_5 {
                                width: 92rpx;
                                height: 24rpx;
                                overflow-wrap: break-word;
                                color: rgba(0, 0, 0, 1);
                                font-size: 26rpx;
                                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                                font-weight: normal;
                                text-align: left;
                                white-space: nowrap;
                                line-height: 24rpx;
                                margin-left: 6rpx;
                            }
                        }
                    }

                    .text_6 {
                        width: 208rpx;
                        height: 28rpx;
                        overflow-wrap: break-word;
                        color: rgba(102, 102, 102, 1);
                        font-size: 26rpx;
                        font-family: Songti SC-细体;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 28rpx;
                        margin: 20rpx 0 46rpx 24rpx;
                    }
                }
            }

            .tag_1 {
                box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.2);
                background-color: rgba(0, 0, 0, 1);
                height: 76rpx;
                width: 112rpx;
                margin: -38rpx 0 40rpx 290rpx;

                .text_7 {
                    width: 44rpx;
                    height: 38rpx;
                    overflow-wrap: break-word;
                    color: rgba(255, 255, 255, 1);
                    font-size: 30rpx;
                    font-family: Songti SC-黑体;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 30rpx;
                    margin: 20rpx 0 0 34rpx;
                }
            }
        }

        .block_3 {
            position: relative;
            width: 690rpx;
            height: 40rpx;
            margin: 120rpx 0 0 30rpx;
            z-index: 2;

            .group_2 {
                width: 560rpx;
                height: 2rpx;
                margin: 34rpx 0 0 130rpx;
            }

            .text_8 {
                position: absolute;
                left: 0;
                top: 0;
                width: 160rpx;
                height: 40rpx;
                overflow-wrap: break-word;
                color: rgba(0, 0, 0, 0.8);
                font-size: 40rpx;
                font-family: Songti SC-黑体;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 40rpx;
            }
        }

        .block_4 {
            background-color: rgba(245, 245, 245, 1);
            height: 306rpx;
            width: 690rpx;
            position: relative;
            margin: 40rpx 0 0 30rpx;

            .box_5 {
                width: 480rpx;
                height: 40rpx;
                margin: 40rpx 0 0 8rpx;

                .text_9 {
                    width: 386rpx;
                    height: 40rpx;
                    overflow-wrap: break-word;
                    color: rgba(36, 36, 36, 1);
                    font-size: 32rpx;
                    letter-spacing: 2px;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 40rpx;
                }

                .tag_2 {
                    background-color: rgba(97, 52, 27, 0.07);
                    border-radius: 1px;
                    width: 86rpx;
                    height: 36rpx;
                    margin-top: 4rpx;
                }
            }

            .text-wrapper_1 {
                width: 206rpx;
                height: 24rpx;
                margin: 60rpx 0 0 450rpx;

                .text_10 {
                    width: 206rpx;
                    height: 24rpx;
                    overflow-wrap: break-word;
                    color: rgba(143, 155, 179, 1);
                    font-size: 26rpx;
                    font-family: Songti SC-常规体;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 24rpx;
                }
            }

            .box_6 {
                width: 212rpx;
                height: 106rpx;
                margin: 14rpx 0 22rpx 450rpx;

                .box_7 {
                    background-color: rgba(216, 216, 216, 1);
                    width: 212rpx;
                    height: 106rpx;

                    .text-group_2 {
                        width: 182rpx;
                        height: 76rpx;
                        margin: 12rpx 0 0 12rpx;

                        .text_11 {
                            width: 182rpx;
                            height: 40rpx;
                            overflow-wrap: break-word;
                            color: rgba(255, 255, 255, 1);
                            font-size: 26rpx;
                            font-family: Songti SC-常规体;
                            font-weight: normal;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 40rpx;
                        }

                        .text_12 {
                            width: 126rpx;
                            height: 28rpx;
                            overflow-wrap: break-word;
                            color: rgba(255, 255, 255, 1);
                            font-size: 24rpx;
                            font-family: Songti SC-常规体;
                            font-weight: normal;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 28rpx;
                            margin-top: 8rpx;
                        }
                    }
                }
            }

            .text_13 {
                position: absolute;
                left: 412rpx;
                top: 42rpx;
                width: 66rpx;
                height: 40rpx;
                overflow-wrap: break-word;
                color: rgba(97, 52, 27, 1);
                font-size: 22rpx;
                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 40rpx;
            }

            .image-wrapper_1 {
                height: 326rpx;
                background-size: 100% 100%;
                width: 420rpx;
                position: absolute;
                left: 0;
                top: 120rpx;

                .image_1 {
                    width: 54rpx;
                    height: 10rpx;
                    margin: 260rpx 0 0 184rpx;
                }
            }
        }

        .image-text_2 {
            width: 130rpx;
            height: 24rpx;
            margin: 50rpx 0 122rpx 530rpx;

            .text-group_3 {
                width: 102rpx;
                height: 24rpx;
                overflow-wrap: break-word;
                color: rgba(0, 0, 0, 1);
                font-size: 30rpx;
                font-family: Songti SC-粗体;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 24rpx;
            }

            .thumbnail_2 {
                width: 24rpx;
                height: 24rpx;
            }
        }

        .text_14 {
            position: absolute;
            left: 64rpx;
            top: 956rpx;
            width: 372rpx;
            height: 40rpx;
            overflow-wrap: break-word;
            color: rgba(235, 235, 235, 0.5);
            font-size: 72rpx;
            font-family: Songti SC-黑体;
            font-weight: normal;
            text-align: left;
            white-space: nowrap;
            line-height: 40rpx;
        }

        .block_5 {
            box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.07);
            position: absolute;
            left: 490rpx;
            top: 298rpx;
            width: 402rpx;
            height: 558rpx;

            .box_8 {
                height: 480rpx;
                background-size: 100% 100%;
                width: 360rpx;

                .box_9 {
                    background-color: rgba(255, 255, 255, 1);
                    width: 320rpx;
                    height: 176rpx;
                    margin-top: 382rpx;

                    .block_6 {
                        width: 218rpx;
                        height: 40rpx;
                        margin: 42rpx 0 0 24rpx;

                        .text_15 {
                            width: 96rpx;
                            height: 40rpx;
                            overflow-wrap: break-word;
                            color: rgba(51, 51, 51, 1);
                            font-size: 32rpx;
                            font-family: Songti SC-黑体;
                            font-weight: normal;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 40rpx;
                        }

                        .group_3 {
                            width: 98rpx;
                            height: 26rpx;
                            margin-top: 4rpx;

                            .block_7 {
                                width: 34rpx;
                                height: 2rpx;
                            }

                            .text_16 {
                                width: 92rpx;
                                height: 24rpx;
                                overflow-wrap: break-word;
                                color: rgba(0, 0, 0, 1);
                                font-size: 26rpx;
                                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                                font-weight: normal;
                                text-align: left;
                                white-space: nowrap;
                                line-height: 24rpx;
                                margin-left: 6rpx;
                            }
                        }
                    }

                    .text_17 {
                        width: 208rpx;
                        height: 28rpx;
                        overflow-wrap: break-word;
                        color: rgba(102, 102, 102, 1);
                        font-size: 26rpx;
                        font-family: Songti SC-细体;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 28rpx;
                        margin: 20rpx 0 46rpx 24rpx;
                    }
                }
            }

            .text-wrapper_2 {
                box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.2);
                background-color: rgba(0, 0, 0, 1);
                height: 76rpx;
                width: 112rpx;
                margin: -38rpx 0 40rpx 290rpx;

                .text_18 {
                    width: 44rpx;
                    height: 38rpx;
                    overflow-wrap: break-word;
                    color: rgba(255, 255, 255, 1);
                    font-size: 30rpx;
                    font-family: Songti SC-黑体;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 30rpx;
                    margin: 20rpx 0 0 34rpx;
                }
            }
        }
    }

    .box_10 {
        background-color: rgba(245, 245, 245, 1);
        position: relative;
        width: 750rpx;
        height: 1820rpx;
        margin-top: -2rpx;

        .group_4 {
            width: 680rpx;
            height: 40rpx;
            margin: 60rpx 0 0 40rpx;
            z-index: 2;

            .text_19 {
                width: 160rpx;
                height: 40rpx;
                overflow-wrap: break-word;
                color: rgba(0, 0, 0, 0.8);
                font-size: 40rpx;
                font-family: Songti SC-黑体;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 40rpx;
            }

            .group_5 {
                width: 510rpx;
                height: 2rpx;
                margin-top: 34rpx;
            }
        }

        .image-text_3 {
            width: 110rpx;
            height: 24rpx;
            margin: 20rpx 0 0 40rpx;

            .text-group_4 {
                width: 76rpx;
                height: 24rpx;
                overflow-wrap: break-word;
                color: rgba(97, 52, 27, 1);
                font-size: 20rpx;
                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 24rpx;
            }

            .thumbnail_3 {
                width: 24rpx;
                height: 24rpx;
            }
        }

        .group_6 {
            width: 690rpx;
            height: 1596rpx;
            margin: 40rpx 0 40rpx 30rpx;

            .group_7 {
                width: 334rpx;
                height: 1550rpx;

                .box_11 {
                    background-color: rgba(255, 255, 255, 1);
                    width: 334rpx;
                    height: 492rpx;

                    .image-text_4 {
                        width: 334rpx;
                        height: 388rpx;

                        .image_2 {
                            width: 334rpx;
                            height: 336rpx;
                        }

                        .text-group_5 {
                            width: 210rpx;
                            height: 40rpx;
                            overflow-wrap: break-word;
                            color: rgba(36, 36, 36, 1);
                            font-size: 30rpx;
                            font-family: Songti SC-粗体;
                            font-weight: normal;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 40rpx;
                            margin-top: 12rpx;
                        }
                    }

                    .text_20 {
                        width: 276rpx;
                        height: 36rpx;
                        overflow-wrap: break-word;
                        color: rgba(143, 155, 179, 1);
                        font-size: 24rpx;
                        font-family: Songti SC-常规体;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 36rpx;
                        margin: 2rpx 0 0 12rpx;
                    }

                    .section_2 {
                        width: 280rpx;
                        height: 36rpx;
                        margin: 20rpx 0 10rpx 16rpx;

                        .image-text_5 {
                            width: 128rpx;
                            height: 28rpx;
                            margin-top: 4rpx;

                            .single-avatar_1 {
                                width: 28rpx;
                                height: 28rpx;
                            }

                            .text-group_6 {
                                width: 94rpx;
                                height: 28rpx;
                                overflow-wrap: break-word;
                                color: rgba(51, 51, 51, 1);
                                font-size: 24rpx;
                                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                                font-weight: normal;
                                text-align: left;
                                white-space: nowrap;
                                line-height: 28rpx;
                            }
                        }

                        .image-text_6 {
                            width: 56rpx;
                            height: 36rpx;

                            .thumbnail_4 {
                                width: 20rpx;
                                height: 20rpx;
                                margin-top: 8rpx;
                            }

                            .text-group_7 {
                                width: 34rpx;
                                height: 36rpx;
                                overflow-wrap: break-word;
                                color: rgba(51, 51, 51, 1);
                                font-size: 20rpx;
                                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                                font-weight: normal;
                                text-align: left;
                                white-space: nowrap;
                                line-height: 36rpx;
                            }
                        }
                    }
                }

                .box_12 {
                    background-color: rgba(255, 255, 255, 1);
                    width: 334rpx;
                    height: 492rpx;
                    margin-top: 20rpx;

                    .image-text_7 {
                        width: 334rpx;
                        height: 388rpx;

                        .image_3 {
                            width: 334rpx;
                            height: 336rpx;
                        }

                        .text-group_8 {
                            width: 270rpx;
                            height: 40rpx;
                            overflow-wrap: break-word;
                            color: rgba(36, 36, 36, 1);
                            font-size: 30rpx;
                            font-family: Songti SC-粗体;
                            font-weight: normal;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 40rpx;
                            margin-top: 12rpx;
                        }
                    }

                    .text_21 {
                        width: 276rpx;
                        height: 36rpx;
                        overflow-wrap: break-word;
                        color: rgba(143, 155, 179, 1);
                        font-size: 24rpx;
                        font-family: Songti SC-常规体;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 36rpx;
                        margin: 2rpx 0 0 12rpx;
                    }

                    .box_13 {
                        width: 280rpx;
                        height: 36rpx;
                        margin: 20rpx 0 10rpx 16rpx;

                        .image-text_8 {
                            width: 106rpx;
                            height: 28rpx;
                            margin-top: 4rpx;

                            .single-avatar_2 {
                                width: 28rpx;
                                height: 28rpx;
                            }

                            .text-group_9 {
                                width: 72rpx;
                                height: 28rpx;
                                overflow-wrap: break-word;
                                color: rgba(51, 51, 51, 1);
                                font-size: 24rpx;
                                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                                font-weight: normal;
                                text-align: left;
                                white-space: nowrap;
                                line-height: 28rpx;
                            }
                        }

                        .image-text_9 {
                            width: 56rpx;
                            height: 36rpx;

                            .thumbnail_5 {
                                width: 20rpx;
                                height: 20rpx;
                                margin-top: 8rpx;
                            }

                            .text-group_10 {
                                width: 34rpx;
                                height: 36rpx;
                                overflow-wrap: break-word;
                                color: rgba(51, 51, 51, 1);
                                font-size: 20rpx;
                                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                                font-weight: normal;
                                text-align: left;
                                white-space: nowrap;
                                line-height: 36rpx;
                            }
                        }
                    }
                }

                .box_14 {
                    background-color: rgba(255, 255, 255, 1);
                    width: 334rpx;
                    height: 532rpx;
                    margin-top: 14rpx;

                    .image-text_10 {
                        width: 334rpx;
                        height: 428rpx;

                        .image_4 {
                            width: 334rpx;
                            height: 376rpx;
                        }

                        .text-group_11 {
                            width: 308rpx;
                            height: 40rpx;
                            overflow-wrap: break-word;
                            color: rgba(36, 36, 36, 1);
                            font-size: 30rpx;
                            font-family: Songti SC-粗体;
                            font-weight: normal;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 40rpx;
                            margin-top: 12rpx;
                        }
                    }

                    .text_22 {
                        width: 276rpx;
                        height: 36rpx;
                        overflow-wrap: break-word;
                        color: rgba(143, 155, 179, 1);
                        font-size: 24rpx;
                        font-family: Songti SC-常规体;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 36rpx;
                        margin: 2rpx 0 0 12rpx;
                    }

                    .box_15 {
                        width: 280rpx;
                        height: 36rpx;
                        margin: 20rpx 0 10rpx 16rpx;

                        .image-text_11 {
                            width: 106rpx;
                            height: 28rpx;
                            margin-top: 4rpx;

                            .single-avatar_3 {
                                width: 28rpx;
                                height: 28rpx;
                            }

                            .text-group_12 {
                                width: 72rpx;
                                height: 28rpx;
                                overflow-wrap: break-word;
                                color: rgba(51, 51, 51, 1);
                                font-size: 24rpx;
                                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                                font-weight: normal;
                                text-align: left;
                                white-space: nowrap;
                                line-height: 28rpx;
                            }
                        }

                        .image-text_12 {
                            width: 56rpx;
                            height: 36rpx;

                            .thumbnail_6 {
                                width: 20rpx;
                                height: 20rpx;
                                margin-top: 8rpx;
                            }

                            .text-group_13 {
                                width: 34rpx;
                                height: 36rpx;
                                overflow-wrap: break-word;
                                color: rgba(51, 51, 51, 1);
                                font-size: 20rpx;
                                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                                font-weight: normal;
                                text-align: left;
                                white-space: nowrap;
                                line-height: 36rpx;
                            }
                        }
                    }
                }
            }

            .group_8 {
                width: 334rpx;
                height: 1596rpx;

                .box_16 {
                    background-color: rgba(255, 255, 255, 1);
                    width: 334rpx;
                    height: 532rpx;

                    .image-text_13 {
                        width: 334rpx;
                        height: 428rpx;

                        .image_5 {
                            width: 334rpx;
                            height: 376rpx;
                        }

                        .text-group_14 {
                            width: 330rpx;
                            height: 40rpx;
                            overflow-wrap: break-word;
                            color: rgba(36, 36, 36, 1);
                            font-size: 30rpx;
                            font-family: Songti SC-粗体;
                            font-weight: normal;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 40rpx;
                            margin-top: 12rpx;
                        }
                    }

                    .text_23 {
                        width: 214rpx;
                        height: 36rpx;
                        overflow-wrap: break-word;
                        color: rgba(143, 155, 179, 1);
                        font-size: 24rpx;
                        font-family: Songti SC-常规体;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 36rpx;
                        margin: 2rpx 0 0 12rpx;
                    }

                    .box_17 {
                        width: 280rpx;
                        height: 36rpx;
                        margin: 20rpx 0 10rpx 16rpx;

                        .image-text_14 {
                            width: 106rpx;
                            height: 28rpx;
                            margin-top: 4rpx;

                            .single-avatar_4 {
                                width: 28rpx;
                                height: 28rpx;
                            }

                            .text-group_15 {
                                width: 72rpx;
                                height: 28rpx;
                                overflow-wrap: break-word;
                                color: rgba(51, 51, 51, 1);
                                font-size: 24rpx;
                                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                                font-weight: normal;
                                text-align: left;
                                white-space: nowrap;
                                line-height: 28rpx;
                            }
                        }

                        .image-text_15 {
                            width: 56rpx;
                            height: 36rpx;

                            .icon_1 {
                                width: 20rpx;
                                height: 20rpx;
                                margin-top: 8rpx;
                            }

                            .text-group_16 {
                                width: 34rpx;
                                height: 36rpx;
                                overflow-wrap: break-word;
                                color: rgba(51, 51, 51, 1);
                                font-size: 20rpx;
                                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                                font-weight: normal;
                                text-align: left;
                                white-space: nowrap;
                                line-height: 36rpx;
                            }
                        }
                    }
                }

                .box_18 {
                    background-color: rgba(255, 255, 255, 1);
                    width: 334rpx;
                    height: 532rpx;
                    margin-top: 20rpx;

                    .image-text_16 {
                        width: 334rpx;
                        height: 428rpx;

                        .image_6 {
                            width: 334rpx;
                            height: 376rpx;
                        }

                        .text-group_17 {
                            width: 270rpx;
                            height: 40rpx;
                            overflow-wrap: break-word;
                            color: rgba(36, 36, 36, 1);
                            font-size: 30rpx;
                            font-family: Songti SC-粗体;
                            font-weight: normal;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 40rpx;
                            margin-top: 12rpx;
                        }
                    }

                    .text_24 {
                        width: 210rpx;
                        height: 36rpx;
                        overflow-wrap: break-word;
                        color: rgba(143, 155, 179, 1);
                        font-size: 24rpx;
                        font-family: Songti SC-常规体;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 36rpx;
                        margin: 2rpx 0 0 12rpx;
                    }

                    .block_8 {
                        width: 280rpx;
                        height: 36rpx;
                        margin: 20rpx 0 10rpx 16rpx;

                        .image-text_17 {
                            width: 106rpx;
                            height: 28rpx;
                            margin-top: 4rpx;

                            .single-avatar_5 {
                                width: 28rpx;
                                height: 28rpx;
                            }

                            .text-group_18 {
                                width: 72rpx;
                                height: 28rpx;
                                overflow-wrap: break-word;
                                color: rgba(51, 51, 51, 1);
                                font-size: 24rpx;
                                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                                font-weight: normal;
                                text-align: left;
                                white-space: nowrap;
                                line-height: 28rpx;
                            }
                        }

                        .image-text_18 {
                            width: 56rpx;
                            height: 36rpx;

                            .icon_2 {
                                width: 20rpx;
                                height: 20rpx;
                                margin-top: 8rpx;
                            }

                            .text-group_19 {
                                width: 34rpx;
                                height: 36rpx;
                                overflow-wrap: break-word;
                                color: rgba(51, 51, 51, 1);
                                font-size: 20rpx;
                                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                                font-weight: normal;
                                text-align: left;
                                white-space: nowrap;
                                line-height: 36rpx;
                            }
                        }
                    }
                }

                .box_19 {
                    background-color: rgba(255, 255, 255, 1);
                    width: 334rpx;
                    height: 492rpx;
                    margin-top: 20rpx;

                    .image-text_19 {
                        width: 334rpx;
                        height: 388rpx;

                        .image_7 {
                            width: 334rpx;
                            height: 336rpx;
                        }

                        .text-group_20 {
                            width: 320rpx;
                            height: 40rpx;
                            overflow-wrap: break-word;
                            color: rgba(36, 36, 36, 1);
                            font-size: 30rpx;
                            font-family: Songti SC-粗体;
                            font-weight: normal;
                            text-align: left;
                            white-space: nowrap;
                            line-height: 40rpx;
                            margin-top: 12rpx;
                        }
                    }

                    .text_25 {
                        width: 204rpx;
                        height: 36rpx;
                        overflow-wrap: break-word;
                        color: rgba(143, 155, 179, 1);
                        font-size: 24rpx;
                        font-family: Songti SC-常规体;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 36rpx;
                        margin: 2rpx 0 0 12rpx;
                    }

                    .block_9 {
                        width: 280rpx;
                        height: 36rpx;
                        margin: 20rpx 0 10rpx 16rpx;

                        .image-text_20 {
                            width: 106rpx;
                            height: 28rpx;
                            margin-top: 4rpx;

                            .single-avatar_6 {
                                width: 28rpx;
                                height: 28rpx;
                            }

                            .text-group_21 {
                                width: 72rpx;
                                height: 28rpx;
                                overflow-wrap: break-word;
                                color: rgba(51, 51, 51, 1);
                                font-size: 24rpx;
                                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                                font-weight: normal;
                                text-align: left;
                                white-space: nowrap;
                                line-height: 28rpx;
                            }
                        }

                        .image-text_21 {
                            width: 56rpx;
                            height: 36rpx;

                            .icon_3 {
                                width: 20rpx;
                                height: 20rpx;
                                margin-top: 8rpx;
                            }

                            .text-group_22 {
                                width: 34rpx;
                                height: 36rpx;
                                overflow-wrap: break-word;
                                color: rgba(51, 51, 51, 1);
                                font-size: 20rpx;
                                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                                font-weight: normal;
                                text-align: left;
                                white-space: nowrap;
                                line-height: 36rpx;
                            }
                        }
                    }
                }
            }
        }

        .text_26 {
            position: absolute;
            left: 74rpx;
            top: 40rpx;
            width: 524rpx;
            height: 40rpx;
            overflow-wrap: break-word;
            color: rgba(237, 237, 237, 1);
            font-size: 72rpx;
            font-family: Songti SC-黑体;
            font-weight: normal;
            text-align: left;
            white-space: nowrap;
            line-height: 40rpx;
        }
    }

    .box_21 {
        position: absolute;
        left: 0;
        top: 0;
        width: 750rpx;
        height: 1040rpx;
        background: url(https://mall-applets.oss-cn-chengdu.aliyuncs.com/static/MasterDDSSlicePNG0adc2d9f04348402706677ceff626342.png) 100% no-repeat;
        background-size: 100% 100%;

        .box_27 {
            background-color: rgba(255, 255, 255, 0.47984);
            border-radius: 20px;
            width: 84rpx;
            height: 312rpx;
            margin: 40rpx 0 0 40rpx;

            .label_1 {
                width: 64rpx;
                height: 64rpx;
                margin: 10rpx 0 0 10rpx;
            }

            .text_31 {
                width: 34rpx;
                height: 192rpx;
                overflow-wrap: break-word;
                color: rgba(36, 36, 36, 1);
                font-size: 28rpx;
                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                font-weight: normal;
                text-align: left;
                line-height: 32rpx;
                margin: 10rpx 0 0 26rpx;
            }

            .thumbnail_11 {
                width: 28rpx;
                height: 28rpx;
                margin: 0 0 8rpx 26rpx;
            }
        }

        .thumbnail_12 {
            width: 10rpx;
            height: 10rpx;
            margin: 18rpx 0 0 540rpx;
        }

        .box_28 {
            background-color: rgba(0, 0, 0, 0.2);
            border-radius: 2px;
            width: 110rpx;
            height: 130rpx;
            margin: 24rpx 0 0 492rpx;

            .image-text_22 {
                width: 98rpx;
                height: 124rpx;
                margin: 6rpx 0 0 6rpx;

                .label_2 {
                    width: 98rpx;
                    height: 88rpx;
                }

                .text-group_23 {
                    width: 60rpx;
                    height: 32rpx;
                    overflow-wrap: break-word;
                    color: rgba(239, 239, 239, 1);
                    font-size: 24rpx;
                    letter-spacing: 3px;
                    font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                    font-weight: normal;
                    text-align: left;
                    white-space: nowrap;
                    line-height: 32rpx;
                    margin: 4rpx 0 0 20rpx;
                }
            }
        }

        .image_9 {
            width: 376rpx;
            height: 4rpx;
            margin: 178rpx 0 148rpx 188rpx;
        }

        .box_29 {
            box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.07);
            background-color: rgba(255, 255, 255, 1);
            position: absolute;
            left: 622rpx;
            top: 926rpx;
            width: 572rpx;
            height: 192rpx;

            .image-text_23 {
                width: 532rpx;
                height: 160rpx;
                margin: 16rpx 0 0 16rpx;

                .image_10 {
                    width: 160rpx;
                    height: 160rpx;
                }

                .text-group_24 {
                    width: 352rpx;
                    height: 136rpx;
                    margin-top: 8rpx;

                    .text_32 {
                        width: 352rpx;
                        height: 40rpx;
                        overflow-wrap: break-word;
                        color: rgba(36, 36, 36, 1);
                        font-size: 30rpx;
                        font-family: Songti SC-粗体;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 40rpx;
                    }

                    .text_33 {
                        width: 226rpx;
                        height: 32rpx;
                        overflow-wrap: break-word;
                        color: rgba(143, 155, 179, 1);
                        font-size: 26rpx;
                        font-family: Songti SC-常规体;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 32rpx;
                        margin-top: 12rpx;
                    }

                    .text_34 {
                        width: 152rpx;
                        height: 32rpx;
                        overflow-wrap: break-word;
                        color: rgba(97, 52, 27, 1);
                        font-size: 26rpx;
                        letter-spacing: 3px;
                        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 32rpx;
                        margin-top: 20rpx;
                    }
                }
            }
        }

        .box_30 {
            box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.07);
            background-color: rgba(255, 255, 255, 1);
            position: absolute;
            left: 30rpx;
            top: 926rpx;
            width: 572rpx;
            height: 192rpx;

            .image_11 {
                width: 160rpx;
                height: 160rpx;
                margin: 16rpx 0 0 16rpx;
            }

            .box_31 {
                width: 352rpx;
                height: 138rpx;
                margin: 24rpx 24rpx 0 20rpx;

                .text-group_25 {
                    width: 352rpx;
                    height: 76rpx;

                    .text_35 {
                        width: 352rpx;
                        height: 40rpx;
                        overflow-wrap: break-word;
                        color: rgba(36, 36, 36, 1);
                        font-size: 30rpx;
                        font-family: Songti SC-粗体;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 40rpx;
                    }

                    .text_36 {
                        width: 336rpx;
                        height: 24rpx;
                        overflow-wrap: break-word;
                        color: rgba(143, 155, 179, 1);
                        font-size: 26rpx;
                        font-family: Songti SC-常规体;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 24rpx;
                        margin-top: 12rpx;
                    }
                }

                .group_9 {
                    width: 350rpx;
                    height: 36rpx;
                    margin-top: 26rpx;

                    .text_37 {
                        width: 184rpx;
                        height: 32rpx;
                        overflow-wrap: break-word;
                        color: rgba(97, 52, 27, 1);
                        font-size: 26rpx;
                        letter-spacing: 3px;
                        font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                        font-weight: normal;
                        text-align: left;
                        white-space: nowrap;
                        line-height: 32rpx;
                        margin-top: 2rpx;
                    }

                    .tag_3 {
                        background-color: rgba(97, 52, 27, 0.07);
                        border-radius: 1px;
                        width: 86rpx;
                        height: 36rpx;
                    }
                }
            }

            .text_38 {
                position: absolute;
                left: 470rpx;
                top: 124rpx;
                width: 66rpx;
                height: 40rpx;
                overflow-wrap: break-word;
                color: rgba(97, 52, 27, 1);
                font-size: 22rpx;
                font-family: Helvetica, 'Microsoft YaHei', Arial, sans-serif;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 40rpx;
            }
        }
    }
}
</style>